extends ../../layout/layout

block content
  .content-wrapper
    .search-condition
      form#form-search.no-keydown
        .form-inline
          .form-group
            label.marginR10 角色名称
              input.form-control.form-width200#search-name(name="name" placeholder="请角色名称进行搜索")

            button.btn.btn-default.marginR10#btn-search(type="button")
              i.fa.fa-search
              span 搜索
    .com-op.marginT10
      button.btn.btn-primary.marginR10#btn-add(type="button")
        i.fa.fa-plus
        span 添加角色
      button.btn.btn-default.marginR10#btn-edit(type="button")
        //- i.fa.fa-?
        span 修改
      button.btn.btn-default.marginR10#btn-del(type="button")
        //- i.fa.fa-?
        span 删除
      button.btn.btn-default.marginR10#btn-permission(type="button")
        //- i.fa.fa-save
        span 权限分配

    .content-body.marginT10#table-box
      table.table#table-role
      //- #pager-role
    //- .role-list
      p
        span.h3.marginR10 当前角色列表
        button.btn.btn-primary.pull-right#btn-add(type="button")
          i.fa.fa-plus
          span 添加角色
      //- .search-condition
        label.marginR10 角色名称
          input.form-control.form-width200(name="name" placeholder="请输入角色名称")
      ul#role-list

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")
  link(rel='stylesheet', type="text/css", href="../../vendor/zTree/css/metroStyle/metroStyle.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.min.js")
  script(src="../../vendor/zTree/js/jquery.ztree.all.min.js")

block self_js
  script(src="../../js/module/base/role.js")

block self_css
  link(rel="stylesheet", href="../../css/base/role.css")

mixin roleItem
  li.role-item
    .role-name 角色名称：运维管理人员
    .role-description 职位描述：这里是描述
    .role-op
      button.btn.btn-default.marginR10.role-edit(type="button")
        //- i.fa.fa-plus
        span 修改
      button.btn.btn-default.marginR10.role-del(type="button")
        //- i.fa.fa-plus
        span 删除

block layer
  .layer-box#layer-role
    form#form-role.padding20
      .row.form-row.form-row-sm
        .form-text 角色名称：
        .form-container
          input.form-control.form-width400(name="name" placeholder="请输入角色名称")
      .row.form-row.form-row-sm
        .form-text 角色描述：
        .form-container
          textarea.form-control.form-width400(name="description" placeholder="请输入角色描述")

  .layer-box#layer-permission
    .menu-tree.padding20
      #menu-tree.ztree
